<template>
  <div>

    <!-- 建议，html的标签都用小写，多个单词用`-`拼接 -->
    <!-- <MyHeader /> -->
    <my-header />

    <h1>我是app.vue</h1>
    <p>我是app的p
    </p>
    <my-button />

  </div>
</template>

<script>
// 语法跟ES6的模块化导入语法是一样的
// 组件名的规范是：至少两个单词，且用大驼峰（每个单词首字母大写）
import MyHeader from './components/MyHeader.vue'
// 局部注册：只能在哪注册，就只能在哪使用
// import MyButton from './components/MyButton.vue'
export default {
  // 注册
  components: {
    MyHeader,
    // MyButton
  }
}
</script>

<style></style>
